<template>
  <footer class="footer">
    <div class="wrapper wrapper-fixed text-center">
      <div class="footer-subscribe clear-float">
        <label class="float-left" for="">邮件订阅</label>
        <input class="float-left" type="email" placeholder="邮箱地址">
        <button class="float-left btn btn-submit" id="eamilBtn">提交</button>
      </div>
      <div class="footer-links">
        <a class="link" href="/brand#brand" data-page="brand" data-id="brand">关于海达路德</a><span class="line">|</span>
        <a class="link" href="/brand#contactus" data-page="brand" data-id="contactus">联系我们</a><span class="line last-line">|</span>
        <!-- <a class="link" href="#">网站地图</a><span class="line last-line">|</span> -->
        <span class="link copy-info">©2017海达路德版权所有</span>
        <a class="wechat-box">
          <span class="social-link"><i class="fa fa-wechat"></i></span>
          <div class="qrcode-box">
            <img src="~assets/images/qrcode.jpg" alt="">
          </div>
        </a>
        <a href="{%$common_api.site_info.weibo_url%}" target="_blank" class="social-link social-link-weibo"><i class="fa fa-weibo"></i></a>
        <a href="{%$common_api.site_info.en_site%}" target="_blank" class="social-link"><i class="iconfont icon-en"></i></a>
      </div>
    </div>
  </footer>
</template>
